<!DOCTYPE html>
<!--前端hello.html功能性约束条件：-->
<!--①　页面编码：页面必须使用UTF-8编码，以确保字符正确显示。-->
<!--②　页面语言：页面的主要语言应设置为英文（en），但如果需要，可以根据实际情况更改为其他语言。-->
<!--③　变量替换：模板中的<var>{{url}}</var>部分应在服务器端或前端JavaScript中被实际URL值替换。这个值不应该是空的，并且应该是一个有效的URL格式。-->
<!--④　页面标题：页面的标题应为“显示变量的内容”或相应的翻译，如果页面语言被更改。-->
<!--⑤　HTML结构：HTML文档必须遵循正确的结构，包括<!DOCTYPE html>, <html>, <head>, <body>等标签。-->
<!--⑥　内容显示：页面应正确地在一个段落（<p>标签内）显示“变量是”后面跟着变量的值。-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示变量的内容</title>
</head>
<body>
<p>变量是<var>{{url}}</var></p>

</body>
</html>